/**
 * Created with JetBrains PhpStorm.
 * User: xuheng
 * Date: 12-8-8
 * Time: 下午2:09
 * To change this template use File | Settings | File Templates.
 */
(function () {
    var me = editor,
        preview = $G("preview"),
        preitem = $G("preitem"),
        tmps = templates,
        currentTmp;
    var initPre = function () {
        var str = "";
        for (var i = 0, tmp; (tmp = tmps[i++]); ) {
            str +=
                '<div class="preitem" onclick="pre(' +
                i +
                ')"><img src="' +
                "images/" +
                tmp.pre +
                '" ' +
                (tmp.title
                    ? "alt=" + tmp.title + " title=" + tmp.title + ""
                    : "") +
                "></div>";
        }
        preitem.innerHTML = str;
    };
    var pre = function (n) {
        var tmp = tmps[n - 1];
        currentTmp = tmp;
        clearItem();
        domUtils.setStyles(preitem.childNodes[n - 1], {
            "background-color": "lemonChiffon",
            border: "#ccc 1px solid",
        });
        preview.innerHTML = tmp.preHtml ? tmp.preHtml : "";
    };
    var clearItem = function () {
        var items = preitem.children;
        for (var i = 0, item; (item = items[i++]); ) {
            domUtils.setStyles(item, {
                "background-color": "",
                border: "white 1px solid",
            });
        }
    };
    dialog.onok = function () {
        if (!$G("issave").checked) {
            me.execCommand("cleardoc");
        }
        var obj = {
            html: currentTmp && currentTmp.html,
        };
        me.execCommand("template", obj);
    };
    initPre();
    window.pre = pre;
    pre(2);
})();
